<script setup>
import { ref, reactive } from 'vue';
import Child from './07-defineProps-Child.vue';

const money = ref(100);
const car = ref('玛莎拉蒂');

const newWife = reactive({ name: 'zs', age: 18 });
</script>

<template>
  <div>我是父组件</div>
  <div>money: {{ money }}</div>
  <div>car: {{ car }}</div>
  <div>newWife: {{ newWife }}</div>
  <hr />
  <Child :money="money" :car="car" :ma="newWife" />
</template>
